<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:sec="http://www.springframework.org/security/facelets/tags">

<ui:composition template="/template/interiorTemplate.xhtml">
	<p:messages />
	<f:metadata>
		<f:viewParam name="artista" value="#{artistaManagedBean.artista}" converter="artistaConversor" />
	</f:metadata>

	<ui:define name="titulo">
		<h:outputLabel value="MusicBay - #{msg.artistas}" />
	</ui:define>

	<ui:define name="img">
		<p:panel>
			<p:graphicImage url="/faces/image?id=#{artistaManagedBean.artista.idArtista}&amp;tipo=a"
				width="220" height="220" styleClass="imgEdit" />
		</p:panel>

	</ui:define>

	<ui:define name="gen">
		<p:panel header="#{artistaManagedBean.artista.nome} #{msg.generos}">
			<ui:repeat var="gen" value="#{artistaManagedBean.artista.generos}">
				<h:link outcome="biblioteca" >
				<h:outputText value="*#{gen.genero}" styleClass="genero2" />
				<f:param name="genero" value="#{gen.idgenero}"/>
				</h:link >				
			</ui:repeat>
		</p:panel>
	</ui:define>


	<ui:define name="botao">
		<sec:isAuthenticated>
			<h:form>
				<p:growl id="growl" showDetail="true" sticky="true" />
				<p:commandButton value="#{msg.adicionar} / #{msg.remover}"
					actionListener="#{artistaManagedBean.adminBiblioteca}" update="growl"
					onclick="history.update()">
					<f:attribute name="usuario" value="#{contextoManagedBean.userSession}" />
				</p:commandButton>
			</h:form>
		</sec:isAuthenticated>
	</ui:define>


	<ui:define name="usuarios">
		<sec:isAuthenticated>

			<p:panel header="#{msg.fas}">

				<ui:repeat var="usuarios" value="#{artistaManagedBean.artista.usuarios}">
					<h:link outcome="usuarioPage" id="usuarioPage"
						rendered="#{usuario != contextoManagedBean.userSession}">
						<p:graphicImage url="/faces/image?id=#{usuarios.idusuario}&amp;tipo=l" width="40" height="40"
							styleClass="imgEditEx" title="#{usuarios.nome}" />
						<f:param name="usuario" value="#{usuarios.idusuario}" />
					</h:link>
				</ui:repeat>
			</p:panel>
		</sec:isAuthenticated>
	</ui:define>

	<ui:define name="cont">
		<div id="contIntro">
			<div id="art">
				<h:outputLabel value="#{artistaManagedBean.artista.nome}" />
			</div>
			<div id="desc">
				<p:panel>
					<h:outputLabel value="#{artistaManagedBean.artista.descricao}" />
				</p:panel>
			</div>

			<div id="albunsPainel">
				<p:panel styleClass="painelAlbum">
					<h:form>
						<ui:repeat var="albuns" value="#{artistaManagedBean.artista.albuns}">
							<div id="albcontext">
								<h:outputLabel value="#{albuns.nome}" styleClass="subtitle" />
								<h:link outcome="albumPage" id="albumPage">
									<p:graphicImage url="/faces/image?id=#{albuns.idAlbum}&amp;tipo=u" width="150" height="150"
										styleClass="imgEdit" title="#{albuns.nome}" />
									<f:param name="album" value="#{albuns.idAlbum}" />
								</h:link>
							</div>
						</ui:repeat>
					</h:form>
				</p:panel>
			</div>
		</div>
	</ui:define>

	<ui:define name="right">

	</ui:define>
</ui:composition>
</html>